<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>首航节能-智慧园区</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/tabs.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css"href="../../assets/css/styles/components-css/step.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/form.css" />
    <!--引入bootstrap CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css" />
    <!--日历控件样式-->
    <!--表单验证样式--->
    <link rel="stylesheet" type="text/css" href="../../assets/lib/formValidator/style/validator.css"/>
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" />

</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->

    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>壹家客栈 > 房间管理</h2>

                </div>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade in active" id="tab1">
                            <!--安列表-->
                            <div class="t-list-search t-columns-3">
                                <form id="roomform">
                                <ul class="t-columns-group">
                                    <li class="timegroup">
                                        <label>楼栋名称</label>
                                        <div>
                                            <input type="text" placeholder="请输入名称" name="buildingId">
                                        </div>
                                    </li>
                                    <li class="timegroup">
                                        <label>房间类型</label>
                                        <div>
                                            <select type="text"  name="roomTypeDictdataId">
                                                <option value="" selected>--请选择--</option>
                                                <option value="1009001">单人房</option>
                                                <option value="1009002">双人房</option>
                                                <option value="1009003">四人房</option>
                                                <option value="1009004">八人房</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="timegroup">
                                        <label>性别</label>
                                        <div>
                                            <select type="text"  name="sex">
                                                <option value="" selected>--请选择--</option>
                                                <option value="0">男</option>
                                                <option value="1">女</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="timegroup">
                                        <label>房间状态</label>
                                        <div>
                                            <select type="text" id="CactiveStatus"  name="CactiveStatus">
                                                <option value="" selected>--请选择--</option>
                                                <option value="0">开放</option>
                                                <option value="1">锁定</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="timegroup">
                                        <label>房间号</label>
                                        <div>
                                            <input type="text" placeholder="请输入房间号" name="roomNum">
                                        </div>
                                    </li>
                                    <!-- 时间组 -->
                                    <li class="timegroup">
                                        <label>
                                            <div>
                                                <a class="t-btn" id="btnSearchComplaint">
                                                    <i class="icon-search"></i>查询
                                                </a>
                                            </div>
                                        </label>

                                    </li>
                                </ul>
                                </form>
                            </div>
                            <!--<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">可消失的弹出框</a>-->

                            <div class="t-list-btns">
                                <p>请求记录</p>
                                <span id="feedbackTotal"></span>
                                <div>
                                    <a class="t-btn t-btn-blue" id="btnComplaintNew" >新增</a>
                                </div>
                            </div>

                            <div class="t-list-result clearfix">
                                <!-- 表格 -->
                                <table class="t-table" id="feedback">

                                </table>
                                <!-- 分页 -->
                                <div class="pagination" id="feedbackPagination"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
            <!--版权-->
            <div id="copyright"></div>
            <!--新建-->
            <div class="modal fade" id="modalComplaintNew" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                            <h4 class="modal-title" >新增</h4>
                        </div>
                        <form id="frmMain">
                            <div class="modal-body">
                                <div class="t-columns-1">
                                    <!-- 检索字段 -->
                                    <ul class="t-columns-group">
                                        <li class="width-all">
                                            <label><span class="t-tip-verification">*</span>房间号 </label>
                                            <div>
                                                <div class="t-stars" >
                                                    <input type="text" id="roomNumber">
                                                    <input type="hidden" id="hidroomNumber">
                                                </div>
                                            </div>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="roomNumberTip"></div></div>
                                        </li>
                                        <li class="width-all">
                                            <label><span class="t-tip-verification">*</span>房间描述 </label>
                                            <div>
                                                <div class="t-stars" >
                                                    <input type="text" id="roomDesc">
                                                </div>
                                            </div>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="roomDescTip"></div></div>
                                        </li>
                                        <li class="width-all">
                                            <label><span class="t-tip-verification">*</span>房间类型 </label>
                                            <div>
                                                <div class="t-stars" >
                                                    <select id="roomTypeDictdataId">
                                                        <option value="1009001">单人间</option>
                                                        <option value="1009002">双人间</option>
                                                        <option value="1009003">四人间</option>
                                                        <option value="1009004">八人间</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="roomTypeDictdataIdTip"></div></div>
                                        </li>
                                        <li class="width-all">
                                            <label><span class="t-tip-verification">*</span>性别 </label>
                                            <div>
                                                <div class="t-stars" >
                                                    <select id="sex">
                                                        <option value="0">男</option>
                                                        <option value="1">女</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="verify-width-all">
                                            <label></label>
                                            <div class="tipArea"><div id="submitMsgTip"></div></div>
                                        </li>
                                        <li class="width-all">
                                            <label><span class="t-tip-verification">*</span>是否开放</label>
                                            <div>
                                                <div class="t-stars" >
                                                    <select id="activeStatus">
                                                        <option value="0">是</option>
                                                        <option value="1">否</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- 时间组 -->
                                    </ul>
                                </div>
                            </div>


                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <button type="button" class="btn btn-primary" id="saveComplaint">提交</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!--详情模态框页面-->
            <div class="modal fade" id="modalDetailsAlarm" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="exampleModalLabel">房间详情</h4>
                        </div>
                        <div class="t-list-result clearfix">
                            <!-- 表格 -->
                            <table class="t-table" id="berfeedback">

                            </table>
                            <!-- 分页 -->
                            <div class="pagination" id="berfeedbackPagination"></div>
                        </div>
                        <form id="search">
                            <input type="hidden" name="roomId" id="roomId">
                        </form>
                    </div>
                </div>
            </div>


            <!--提示模态框-->
            <div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
                <div class="modal-dialog modal-sm" role="document">
                    <div class="modal-content">
                        <div class="modal-body" style="text-align:center;font-size:14px;">
                            <i id="icon-tip" style="margin-right:6px;"></i>
                            <span class="tip-info"></span>
                        </div>
                    </div>
                </div>
            </div>

<!--删除房间拟态框-->
<div class="modal fade bs-example-modal-sm" id="modalDelDept" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">是否删除房间?</h4>
            </div>
            <div class="modal-body">
                <div class="t-list">
                    <div id="delDeptName" class="title" style="font-weight: bold;">
                    </div>
                    <div class="content mt-10" style="line-height: 24px">
                        提示：删除的房间无法恢复，请谨慎操作!
                    </div>
                    <input type="hidden" id="delhide">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary"  id="btnDeleteDept">确定</button>
            </div>
        </div>
    </div>
</div>


<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>

<script src="../../assets/common/jquery.fileDownload.js"></script>
<script src="../../assets/common/loadHeaderAndCopyright.js"></script>
<script src="../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<!--bootsrtap日历控件脚本-->
<script src="../../assets/lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script src="../../assets/lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="../../assets/lib/bootstrap-datetimepicker-master/js/initDatetimepicker.js"></script>
<!--表单验证-->

<script src="../../assets/lib/formValidator/formValidator.js"></script>
<script src="../../assets/lib/formValidator/formValidatorRegex.js"></script>
<!--分页脚本-->
<script src="../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script src="../../assets/common/loaderTable.js"></script>

<script src="../../assets/common/ajaxPoster.js"></script>
<script src="../../assets/common/centerModal.js"></script>
<script src="../../assets/lib/tipModal/js/tipModal.js"></script>
<!-- 我的审批 -->

<script src="../../js/message/room.js"></script>
<!--模板引擎-->
<script src="../../assets/lib/artTemplate/template.js"></script>



</body>
</html>